.swiper {
  width: 100%;
  img {
    width: 100%;
  }
}
nav {
  display: flex;
  span {
    flex: 1;
    line-height: 46px;
    text-align: center;
  }
  .active {
    color: red;
  }
}
.page {
  display: none;
}
.page.show {
  display: block;
}
.playList {
  display: flex !important;
  flex-wrap: wrap;
}
.playListItem {
  width: calc((100% - 20px) / 3);
  margin-bottom: 10px;
  &:nth-child(3n - 1) {
    margin: 0 10px;
  }
  img {
    width: 100%;
    pointer-events: none;
  }
  p {
    font-size: 10px;
    pointer-events: none;
  }
}